<form action="{{route('profile-image', ['id' => $User->id ])}}" method="post" class="form-horizontal" id="form-file">
    <div class="form-body">
        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            <span>{{ trans('validation.custom.error-title') }}</span>
        </div>
        <div class="alert alert-success display-hide">
            <button class="close" data-close="alert"></button>
            <span>{{ trans('validation.custom.success-title') }}</span>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label class="control-label col-md-1" for="file">File <span class="required">*</span></label>
                    <div class="col-md-10">
                        <div class="fileinput fileinput-new {{ CNamHoa::getHideClass('profile-image', ['addClass'=>'btn disabled']) }}" data-provides="fileinput">
                            <span class="btn default btn-file">
                                <span class="fileinput-new">
                                    {{trans('system.select')}}
                                </span>
                                <span class="fileinput-exists">
                                    {{trans('system.change')}}
                                </span>
                                <input type="file" name="file" id="file">
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/row-->
        <p class="help-block">
            <span class="label label-sm label-danger">
                {{ trans('system.note' )}}!
            </span>
            {{ trans('profile.notice-image-type' )}}
        </p>
    </div>
</form>

{{ HTML::style('assets/global/plugins/select2/select2.css') }}
{{ HTML::style('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}

{{ HTML::script('assets/global/plugins/select2/select2.min.js') }}
{{ HTML::script('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}
{{ HTML::script('assets/global/plugins/jquery-file-upload/js/vendor/tmpl.min.js') }}
{{ HTML::script('assets/global/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js') }}
{{ HTML::script('assets/global/plugins/jquery-file-upload/js/jquery.iframe-transport.js') }}
{{ HTML::script('assets/global/plugins/jquery-file-upload/js/jquery.fileupload.js') }}


{{ HTML::script('assets/admin/pages/scripts/profile-image.js') }}

<script type="text/javascript">
    ProfileImage.init();
</script>